{extend name="v1/layout/base"}
{block name="content"}
<div class="layuimini-main">

  <fieldset class="table-search-fieldset xk-search-status" id="xk-search-status">
    <legend>搜索信息</legend>
    <div style="margin: 10px 10px 10px 10px">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
          <div class="layui-card-body layui-form layui-form-pane">
            <div class="layui-row layui-col-space10 layui-form-item">
              <div class="layui-col-lg12">
                <label class="layui-form-label">搜索关键词</label>
                <div class="layui-input-block">
                  <input type="text" name="keywords" placeholder="请输入搜索关键词" id="keywords" class="layui-input">
                </div>
              </div>
            </div>
            <div class="layui-row">
              <div class="layui-col-xs4">&nbsp;</div>
              <div class="layui-col-xs4">
                <button type="button" class="layui-btn layui-btn-primary layui-btn-radius close-search"><i class="layui-icon">&#x1007;</i>关闭</button>
                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius xk-dosearch">搜索<i class="layui-icon"></i></button>
              </div>
              <div class="layui-col-xs4">&nbsp;</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </fieldset>
  <script type="text/html" id="toolbar">
    <div class="layui-btn-container">
      <button class="layui-btn layui-btn-black  layui-btn-sm" lay-event="reseve"><i class="layui-icon">&#xe63d;</i></button>
    </div>
  </script>
  <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
</div>
{/block}
{block name="myScript"}
<script>
  layui.use(['form', 'table', 'laydate'], function() {
    var $ = layui.jquery,
      form = layui.form,
      laydate = layui.laydate,
      table = layui.table;
    table.render({
      elem: '#currentTableId',
      url: '/{:config("manage.manage_name")}/{:config("manage.version")}/System/pushMsg',
      toolbar: '#toolbar',
      defaultToolbar: ['filter'],
      cols: [
        [{
            field: 'user_sn',
            width: '15%',
            title: '用户编号',
          },
          {
            field: 'user_name',
            width: '10%',
            title: '用户昵称',
          },
          {
            field: 'title',
            width: '10%',
            title: '推送标题',
          },
          {
            field: 'content',
            width: '25%',
            title: '推送内容',
          },
          {
            field: 'is_wechat',
            width: '8%',
            title: '微信推送',
          },
          {
            field: 'is_android',
            width: '8%',
            title: '安卓端',
          },
          {
            field: 'is_ios',
            width: '8%',
            title: '苹果端',
          },
          {
            field: 'create_time',
            width: '15%',
            title: '推送时间',
          }
        ]
      ],
      limits: [100, 150, 200, 250, 500, 1000],
      limit: 100,
      id: 'table_ids',
      page: true,
      skin: 'line'
    });
    // 监听单元格编辑事件
    table.on('edit(currentTableFilter)', function(obj) {
      var value = obj.value,
        by_key = obj.data.bonus_rule_id,
        keywords = $("#keywords").val(),
        key = obj.field;
      if (value == '') {
        return false;
      }
      var url = "{:url('/'.config('manage.manage_name').'/'.config('manage.version').'/System/bonusChanageValue')}";
      https(url, {
        by_key: by_key,
        key: key,
        value: value
      }, 'post', true, '正在修改').then(res => {
        if (res.result_code == 200) {
          table.reload('table_ids', {
            where: {
              keywords: keywords
            }
          });
        }
      })
    });
    // 顶部操作工具
    table.on('toolbar(currentTableFilter)', function(obj) {
      var url = $(this).attr('data-url'),
        keywords = $("#keywords").val();
      switch (obj.event) {
        case 'reseve':
          table.reload('table_ids');
          break;
        case 'add':
          var index = layer.open({
            title: '分红规则添加',
            type: 2,
            shade: 0.2,
            maxmin: true,
            shadeClose: true,
            area: ['100%', '100%'],
            content: url,
            cancel: function() {
              table.reload('table_ids', {
                where: {
                  keywords: keywords
                }
              });
            }
          });
          break;
        case 'search':
          $("#xk-search-status").removeClass('xk-search-status');
          break;
      }
    })
    // 列表工具栏目
    table.on('tool(currentTableFilter)', function(obj) {
      var data = obj.data,
        event = obj.event,
        keywords = $("#keywords").val(),
        url = $(this).attr('data-url');
      url = url + '/bonus_rule_id/' + data.bonus_rule_id;
      switch (event) {
        case 'show':
          var index = layer.open({
            title: '分红规则编辑',
            type: 2,
            shade: 0.2,
            maxmin: true,
            shadeClose: true,
            area: ['100%', '100%'],
            content: url,
            cancel: function() {
              table.reload('table_ids', {
                where: {
                  keywords: keywords
                }
              });
            }
          });
          break;
        case 'delete':
          //确定要删除吗？
          layer.msg('您确定要删除这个分红规则吗？', {
            time: 0, //不自动关闭
            btn: ['确定', '取消'],
            yes: function(index) {
              layer.close(index);
              https(url, {
                id_str: data.bonus_rule_id,
                status: 3
              }, 'post', true, '正在执行删除').then(res => {
                if (res.result_code == 200) {
                  table.reload('table_ids', {
                    where: {
                      keywords: keywords
                    }
                  });
                }
              })
            },
            btn2: function(index) {
              layer.close(index);
            }
          });
          break;
      }
    })

  });
</script>
{/block}
